@charset "utf-8";


.pager {
    clear: both;
    display: block;   
    margin:40px 0  20px 5px;
}
.pager img, .pager input, .pager span, .pager select {
    vertical-align: middle;
}
.pager .pageSizer span, .pager .quickPager span {
    font-family: tahoma;
    border-radius:0px;
    padding:0;
    border:0px;
	line-height:32px;
}
.pager ul {
    border: medium none;
    display: block;
    font-size: 10px;
    padding: 0;
    text-transform: uppercase;
}
.pager ul li {
    border-right: 1px solid #c7bf80;
	border-bottom: 2px solid #c7bf80;
    float: left;
    font-size: 10pt;
    line-height: 21px;
    list-style: none outside none;   
    padding: 10px 16px;
    text-decoration: none;
	color:#ed5f01;
	
}
.pager ul li.link {
    background: none repeat scroll 0 0 #bd3232;
    cursor: pointer;
	background:#d9d6bf;
	
}
.pager ul li.link:hover {
	color:#fff;
	background:#ed5f01;
    border-right: 1px solid #de5420;
	border-bottom: 2px solid #de5420;
}
.pager ul li.pgCurrent {
    background: none repeat scroll 0 0 #ed5f01;   
    color: #fff;
}
.pager ul li.page-number{ font-size:14px;}
.pager ul li.first{
	border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pager ul li.next{
	color:#333;
	border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.pager ul li.text {
	color:#444;
	margin:0 10px;
    border: medium none;
    clear: right;
    padding: 0;
	line-height: 40px;	
}
.pager ul li.text #chatpage {	 
    float: left;
    line-height: 18px;
    margin-top: 1px;
    overflow: visible;	
}

.pager ul li.text #chatpage .pagenum {
	text-align: center;
	color:#444;   
    float: left;
    height: 40px;
    line-height: 40px;
    margin-left: 1px;
    padding: 0;
    width:40px;
	border:1px solid #dcdcdc;
}
.pager ul li.text #chatpage .enter {
    border: medium none;
    cursor: pointer;
    display: block;
    height: 40px;
	line-height:40px;
    width:40px; 
    background-color:#de5420; 
    text-align:center; 
    float:left; 
    color:#fff;
	border-radius: 3px;
   
}
.pager ul li.first-empty:hover, .pager ul li.pre-empty:hover, .pager ul li.next-empty:hover, .pager ul li.last-empty:hover {
    border-right: 1px solid #de5420;border-bottom: 2px solid #de5420;
}
.pager ul li.first-empty, .pager ul li.pre-empty, .pager ul li.next-empty, .pager ul li.last-empty {
    color: #444;
    cursor: auto;
}
.pager .recordCount {
	color: #444;
	border:0px;
	padding-left: 0;
}

.mobile_show_pager{ display: none;}



@media screen and (max-width: 1200px){
.mobile_hide_pager{ display: none;}
.mobile_show_pager {
    display: block;
}
.btn-default{ 
    height:42px;
	background:#348cda; 
	color: #fff;
	border-left:none;
	border-top:none;
	border-right: 1px solid #4269be;
	border-bottom: 2px solid #4269be;
}
.btn-default:hover {
    color: #fff;
    background:#1658ba;
    border-right: 1px solid #4269be;
	border-bottom: 2px solid #4269be;
}
.btn-default:active{
	color: #fff;
    background:#4296be;
    border-right: 1px solid #4296be;
	border-bottom: 2px solid #4296be;
	
}
}